<!DOCTYPE html>
<html>
<head>
	<title>Chimera Project Games</title>
	
	<link href="site2_style.css" rel="stylesheet" type="text/css" />
	<link href="site2_s3Slider.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="../js/jquery1.4.2min.js"></script>
	<script type="text/javascript" src="../js/s3Slider.js"></script>
	<script type="text/javascript">
		$(document).ready(function() { 
		   $('#s3slider').s3Slider({ 
		      timeOut: 4000 
		   });
		});
	</script>

</head>
<body>
<div class="container">

	<div id="header">
	
		<div id="title">
			<img src="../images/chimeratitle3.png" />
		</div>
		
		<div id="navigation">
		
			<div class="n1"><a href="" class="n1">Home</a></div>
			<div class="n2"><a href="" class="n2">About</a></div>
			<div class="n3"><a href="" class="n3">Team</a></div>
			<div class="n4"><a href="" class="n4">Contact</a></div>
		
		</div>
		
	</div>
	
	
	<div class="clear"></div>
	
	
	
	
	<div id="body">
	
		<div id="content">
	
			<!-- ----------------------------------------
							Image Gallery
			----------------------------------------- -->
			<div id="gallery">
				<div id="s3slider">
					<ul id="s3sliderContent">
						<li class="s3sliderImage">
							<img src="../images/chimeratitle2.2.png" />
							<span class="top"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<li class="s3sliderImage">
							<img src="../images/Main_Menu_BG.png" />
							<span class="bottom"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<li class="s3sliderImage">
							<img src="../images/Main_Menu_BG.png" />
							<span class="left"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<li class="s3sliderImage">
							<img src="../images/Main_Menu_BG.png" />
							<span class="right"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<div class="clear s3sliderImage"></div>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
			
			
			
			<!-- ----------------------------------------
								Blog
			----------------------------------------- -->
			<div id="blog">
			
				<?php 
	 			$blog = array(
	 				'0' => array(
	 					'title' => 'Fermentum Augue Turpis',
	 					'author' => 'Posted by Brittany on February 16, 2012',
	 					'blog' => '<p>Pellentesque non est at sapien malesuada imperdiet vel non augue. Nunc consectetur, nisl ac malesuada dictum, arcu 
							tellus blandit neque, vitae aliquam diam sem nec eros. </p>
							<p>Lorem ipsum <a href="">dolor</a> sit amet, consectetur adipiscing elit. Ut blandit malesuada euismod. Vestibulum rutrum est sit 
							amet eros eleifend sodales lacinia metus rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque, 
							turpis sit amet aliquam venenatis, justo ante sagittis nunc, vel fermentum augue turpis varius dui.</p>
							<img src="../images/Main_Menu_BG.png" />
							<p>Suspendisse erat dui, imperdiet ac tristique in, vehicula et lectus. In sed turpis ut libero auctor vestibulum. Sed ac 
							turpis orci, eget cursus massa. Aenean <a href="">blandit egestas</a> orci, vel lobortis lectus ullamcorper mollis. Sed tortor nulla, sodales 
							et consectetur vel, hendrerit ornare magna. Mauris ac velit ante, vitae vestibulum arcu. Nunc sem leo, ornare <a href="">et luctus at</a>, 
							aliquam ac mauris. Proin mi ipsum, ultrices vitae elementum id, aliquet non enim. Vestibulum ligula est, commodo nec commodo 
							et, rutrum vel justo. Donec id turpis massa, vel dignissim est.</p>',
	 				),
	 				'1' => array(
	 					'title' => 'Lectus Ullamcorper Mollis',
	 					'author' => 'Posted by Brittany on February 16, 2012',
	 					'blog' => '<p>Pellentesque non est at sapien malesuada imperdiet vel non augue. Nunc consectetur, nisl ac malesuada dictum, arcu 
							tellus blandit neque, vitae aliquam diam sem nec eros. </p>
							<p>Lorem ipsum <a href="">dolor</a> sit amet, consectetur adipiscing elit. Ut blandit malesuada euismod. Vestibulum rutrum est sit 
							amet eros eleifend sodales lacinia metus rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							<img src="../images/Main_Menu_BG.png" />
							<p>Suspendisse erat dui, imperdiet ac tristique in, vehicula et lectus. In sed turpis ut libero auctor vestibulum. Sed ac 
							turpis orci, eget cursus massa. Aenean <a href="">blandit egestas</a> orci, vel lobortis lectus ullamcorper mollis. Sed tortor nulla, sodales 
							et consectetur vel, hendrerit ornare magna. </p>
							<img src="../images/Main_Menu_BG.png" />
							<p>Mauris ac velit ante, vitae vestibulum arcu. Nunc sem leo, ornare <a href="">et luctus at</a>, 
							aliquam ac mauris. Proin mi ipsum, ultrices vitae elementum id, aliquet non enim. Vestibulum ligula est, commodo nec commodo 
							et, rutrum vel justo. Donec id turpis massa, vel dignissim est.</p>',
	 				),
	 				'2' => array(
	 					'title' => 'Aliquam auctor commodo risus sed placerat',
	 					'author' => 'Posted by Brittany on February 16, 2012',
	 					'blog' => '<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer adipiscing sollicitudin nisi 
							sit amet placerat. Fusce vel venenatis elit. Vestibulum eu justo quam, ac <a href="">blandit egestas</a> tincidunt mauris. Sed augue risus, volutpat id 
							accumsan at, commodo eu nunc. Aliquam et mauris justo, in lacinia urna. Aliquam auctor commodo risus sed placerat. Nullam 
							pulvinar adipiscing <a href=""> blandit egestas</a> diam eget blandit. Morbi dolor tellus, vehicula a sollicitudin in, fermentum et orci. Pellentesque quis 
							mollis sem.</p>
							<iframe width="440" height="248" style="margin:10px;" src="http://www.youtube.com/embed/8YBrIrXHg-A" frameborder="0" allowfullscreen></iframe>
							<p>Pellentesque quis mollis sem.</p>',
	 				),
	 				'3' => array(
	 					'title' => 'Fermentum Augue Turpis',
	 					'author' => 'Posted by Brittany on February 16, 2012',
	 					'blog' => '<p>Pellentesque non est at sapien malesuada imperdiet vel non augue. Nunc consectetur, nisl ac malesuada dictum, arcu 
							tellus blandit neque, vitae aliquam diam sem nec eros. </p>
							<img src="../images/Main_Menu_BG.png" />',
	 				),
	 				'4' => array(
	 					'title' => 'Lectus Ullamcorper Mollis',
	 					'author' => 'Posted by Brittany on February 16, 2012',
	 					'blog' => '<p>Pellentesque non est at sapien malesuada imperdiet vel non augue. Nunc consectetur, nisl ac malesuada dictum, arcu 
							tellus blandit neque, vitae aliquam diam sem nec eros. </p>
							<p>Lorem ipsum <a href="">dolor</a> sit amet, consectetur adipiscing elit. Ut blandit malesuada euismod. Vestibulum rutrum est sit 
							amet eros eleifend sodales lacinia metus rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							<img src="../images/Main_Menu_BG.png" />
							<p>Suspendisse erat dui, imperdiet ac tristique in, vehicula et lectus. In sed turpis ut libero auctor vestibulum. Sed ac 
							turpis orci, eget cursus massa. Aenean <a href="">blandit egestas</a> orci, vel lobortis lectus ullamcorper mollis. Sed tortor nulla, sodales 
							et consectetur vel, hendrerit ornare magna. </p>
							<img src="images/Main_Menu_BG.png" />
							<p>Mauris ac velit ante, vitae vestibulum arcu. Nunc sem leo, ornare <a href="">et luctus at</a>, 
							aliquam ac mauris. Proin mi ipsum, ultrices vitae elementum id, aliquet non enim. Vestibulum ligula est, commodo nec commodo 
							et, rutrum vel justo. Donec id turpis massa, vel dignissim est.</p>
							<p>Pellentesque non est at sapien malesuada imperdiet vel non augue. Nunc consectetur, nisl ac malesuada dictum, arcu 
							tellus blandit neque, vitae aliquam diam sem nec eros. </p>
							<p>Lorem ipsum <a href="">dolor</a> sit amet, consectetur adipiscing elit. Ut blandit malesuada euismod. Vestibulum rutrum est sit 
							amet eros eleifend sodales lacinia metus rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							<img src="../images/Main_Menu_BG.png" />
							<p>Suspendisse erat dui, imperdiet ac tristique in, vehicula et lectus. In sed turpis ut libero auctor vestibulum. Sed ac 
							turpis orci, eget cursus massa. Aenean <a href="">blandit egestas</a> orci, vel lobortis lectus ullamcorper mollis. Sed tortor nulla, sodales 
							et consectetur vel, hendrerit ornare magna. </p>
							<img src="../images/Main_Menu_BG.png" />
							<p>Mauris ac velit ante, vitae vestibulum arcu. Nunc sem leo, ornare <a href="">et luctus at</a>, 
							aliquam ac mauris. Proin mi ipsum, ultrices vitae elementum id, aliquet non enim. Vestibulum ligula est, commodo nec commodo 
							et, rutrum vel justo. Donec id turpis massa, vel dignissim est.</p>',
	 				),
	 				'5' => array(
	 					'title' => 'Aliquam auctor commodo risus sed placerat',
	 					'author' => 'Posted by Brittany on February 16, 2012',
	 					'blog' => '<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer adipiscing sollicitudin nisi 
							sit amet placerat. Fusce vel venenatis elit. Vestibulum eu justo quam, ac <a href="">blandit egestas</a> tincidunt mauris. Sed augue risus, volutpat id 
							accumsan at, commodo eu nunc. Aliquam et mauris justo, in lacinia urna. Aliquam auctor commodo risus sed placerat. Nullam 
							pulvinar adipiscing <a href=""> blandit egestas</a> diam eget blandit. Morbi dolor tellus, vehicula a sollicitudin in, fermentum et orci. Pellentesque quis 
							mollis sem.</p>
							<iframe width="440" height="248" style="margin:10px;" src="http://www.youtube.com/embed/8YBrIrXHg-A" frameborder="0" allowfullscreen></iframe>
							<p>Pellentesque quis mollis sem.</p>',
	 				),
	 			);
	 			
	 			
	 			$blogDesign[0] = '<div class="blogPost">
									<h3>[::TITLE::]</h3>
									<div class="author">[::ATHOR::]</div>
									<div class="text">[::TEXT::]</div>
								</div>';
	 			
	 			
	 			$row = 0; 
				foreach($blog as $key => $post)
				{
					echo str_replace(
						array('[::TITLE::]','[::ATHOR::]','[::TEXT::]'), 
						array($post['title'], $post['author'], substr($post['blog'], 0, 760).' <span style="display:inline;">[...]<span> <p><a href="">Read More</a></p>'), 
						$blogDesign[$row]);
					
				}
	 			?>
			
			
			
			</div>
			
	 	</div>
	 		
	 
	 
	 
	 	<div id="sidebar">
	 	
		 	<fieldset id="mission">
		 		<legend>Welcome</legend>
	 			<p>We are a small indy game company made up of 13 people.
	 			We make awesome games.  We should continue to write a better mission statement
	 			and insert it in here.</p>
	 		</fieldset>
	 		
	 		<fieldset id="twitter">
	 			<legend>On Twitter</legend>
	 			<div class="tweet"><p><a href="">@consectetur</a> non eros vel elit aliquet pulvinar ac sit amet ligula <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@Lorem</a> dolor metus, consectetur nec dapibus tempor, blandit vel enim <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@consectetur</a> non eros vel elit aliquet pulvinar ac sit amet ligula <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@Lorem</a> dolor metus, consectetur nec dapibus tempor, blandit vel enim <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@consectetur</a> non eros vel elit aliquet pulvinar ac sit amet ligula <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@Lorem</a> dolor metus, consectetur nec dapibus tempor, blandit vel enim <a href="">RT</a> 2/12/2012</p></div>
	 		</fieldset>
	 		
	 		<fieldset id="social">
	 			<legend>Connect</legend>
                <div class="socialFollow"><a href="#">
                	<img src="../images/social/white_facebook.png" />
                	<p>Like us on Facebook</p>
                </a></div>
                <div class="socialFollow"><a href="#">
                	<img src="../images/social/white_twitter.png" />
                	<p>Follow us on Twitter</p>
                </a></div>
                <div class="socialFollow"><a href="#">
                	<img src="../images/social/white_google.png" />
                	<p>Add us on Google+</p>
                </a></div>
			</fieldset>
			
			<fieldset id="contact">
				<legend>Contact</legend>
				<p>Chimera Project Games is based out of Boulder, Colorado.  Email us about
				<a href="">general inquiries</a> or <a href="">media inquiries</a>.</p>
			</fieldset>
                
	 	</div>		
	 	
	 		
	 </div>		
	 		
	 		
	 		
	 		
	 <div class="clear"></div>
	 		
	 		
	 		
	 		
	 <div id="footer">
	 	<div class="spacer"></div>
	 	<p class="centerText"><?php echo date('F Y', time()); ?> &copy; Chimera Project Games </p>
	 	<div class="spacer"></div>
	 </div>
	 		
	 		
	
</div> 
</body>
</html>